<template>
  <div style="width: 1000px; height: 1000px;">
    <ve-line area:true :data="data"></ve-line>
  </div>
</template>
 
<script>
import axios from 'axios'
export default {
  name: 'salesView',
  data() {
    return {
      tableData:[],
      data: {
        columns: ['x', 'y'],
        rows: [
          { 'x': 1, 'y': 123 },
          { 'x': 2, 'y': 1231 },
          { 'x': 3, 'y': 1232 },
          { 'x': 4, 'y': 1233},
          { 'x': 5, 'y': 1236 },
          { 'x': 6, 'y': 12367 },
        ]
      }
    }
  },created(){
    this.loadTableData()
  },
  methods:{
    loadTableData() {
    axios.get('http://localhost:8088/data/queryAll').then((response) => {
      this.data.rows = response.data
    })
  },
  }
}
</script>
 
<style lang="scss" scoped></style>
 